<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	>

<h:head>
</h:head>
<h:body>

		<ui:include src="usermenu.xhtml" />


    	<h:form>	
    		<p:dataTable value="#{MBTienda.listProd}" var="producto" id="listaProductos" name="listaProductos" editable="true"
    		paginator="true" rows="10"  
                 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                 rowsPerPageTemplate="5,10,15">
			<f:facet name="header">  
            	Lista de productos  
        	</f:facet>    
    		<p:column headerText="Nombre" style="width:20%">
            	<p:cellEditor>
        			<f:facet name="output">
           				<h:outputText value="#{producto.nomProd}" />
        			</f:facet>
        			<f:facet name="input">
           				<p:inputText value="#{producto.nomProd}" style="width:100%"/>
        			</f:facet>
        		</p:cellEditor>
    		</p:column>
			<p:column headerText="Descripcion" style="width:30%">
            	<p:cellEditor>
        			<f:facet name="output">
           				<h:outputText value="#{producto.descProd}" />
        			</f:facet>
        			<f:facet name="input">
           				<p:inputText value="#{producto.descProd}" style="width:100%"/>
        			</f:facet>
        		</p:cellEditor>
    		</p:column>
    		<p:column headerText="Stock" style="width:5%">
            	<p:cellEditor>
        			<f:facet name="output">
           				<h:outputText value="#{producto.cantProd}" />
        			</f:facet>
        			<f:facet name="input">
           				<p:inputText value="#{producto.cantProd}" style="width:100%"/>
        			</f:facet>
        		</p:cellEditor>
    		</p:column>
    		<p:column headerText="Precio" style="width:10%">
            	<p:cellEditor>
        			<f:facet name="output">
           				<h:outputText value="#{producto.precioProd}" />
        			</f:facet>
        			<f:facet name="input">
           				<p:inputText value="#{producto.precioProd}" style="width:100%"/>
        			</f:facet>
        		</p:cellEditor>
    		</p:column>
    		<p:column headerText="Agregar" style="width:8%">  
            	<p:commandButton ajax="false" action="#{MBDetalle.addToCart(producto)}" 
				 id="iconOnly" icon="ui-icon-circle-plus" title="Click to add"/>  
        	</p:column> 
        	
        	 
            </p:dataTable>

       </h:form> 

</h:body>
</html>